﻿<?php
session_start();

if (!isset($_SESSION['login']) && !$_SESSION['login'] == true) {
	header ("Location: index.php");
}

include 'config.php';

mysqli_set_charset($con, 'utf8');

?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="scripts/jquery.tablesorter.js"></script>
<title>Sales Makeover</title>
</head>

<body>
	<div class="bodyLeft" id="bodyLeft">
		<?php include("menu.html"); ?>
	</div>
	<div class="bodyRight" id="bodyRight">
		<div class="container_head">
			<?php include("header.html"); ?>
		</div>
		<div class="container" id="container">
			<div class="content">

			<center>
				<img border="0" src="content\icons\Buttons\step_1_active.png" width="50">
				<img border="0" src="content\icons\Buttons\step_2_inactive.png" width="50">
				<br>
				<br>
				</center>

				<div style='text-align:left;width:90%;margin-left:auto;margin-right:auto;'>För att skapa en rekommendation behöver vi följande information. Rutor med stjärna är obligatorisk.</div><br/>
				
				<form name="create_Innovation_step_1" id="create_Innovation_step_1" class="create_Innovation_step_1"  method="post" action="createInnovation2.php" accept-charset="UTF-8" onsubmit="return validateForm()">
					
					<div class="createInnovationLabel">*Namn på kund</div>
					<input type="text" name="Customer" onfocus="if(this.value == '*Namn på kund') { this.value = ''; }" onblur="if(this.value == '') { this.value = '*Namn på kund'; }" value="*Namn på kund">
					<div class="createInnovationLabel">*Projektnamn</div>
					<input type="text" name="Project" onfocus="if(this.value == '*Projektnamn') { this.value = ''; }" onblur="if(this.value == '') { this.value = '*Projektnamn'; }" value="*Projektnamn">
					<br/>
					<!--<input type="text" name="Date" onfocus="if(this.value == '*Datum') { this.value = ''; }" onblur="if(this.value == '') { this.value = '*Datum'; }" value="*Datum">
					<br/>-->
					<div class="createInnovationLabel">*Ange affärsvärde</div>
					<input type="text" name="BusinessValue" onfocus="if(this.value == '*Ange affärsvärde') { this.value = ''; }" onblur="if(this.value == '') { this.value = '*Ange affärsvärde'; }" value="*Ange affärsvärde">
					<br/>
					<div class="createInnovationLabel">*Kontaktperson</div>
					<input type="text" name="Contact" onfocus="if(this.value == '*Kontaktperson') { this.value = ''; }" onblur="if(this.value == '') { this.value = '*Kontaktperson'; }" value="*Kontaktperson">
					<div class="createInnovationLabel">*Kontaktpersonens roll</div>
					<select name="OwnerRole">
						
						<option selected disabled>*Kontaktpersonens roll</option>
						<?php 
						$sql = "SELECT * FROM Innovation_Role";
						$result = mysqli_query($con,$sql);
			
						while($row = mysqli_fetch_array($result))
						{
							echo "<option value=\"" . $row['ID'] . "\">" . $row['Value'] . "</option>";
						}
						
						?>
						
					</select>
					
					<input type="submit" value="Nästa">
					
				</form>
				
			</div>
		</div>
	</div>
</body>

</html>
<script type="text/javascript" charset="UTF-8">
	function validateForm()
	{
		var customerVal = document.forms["create_Innovation_step_1"]["Customer"].value;
		if(customerVal == "*Namn på kund")
		{
			alert("Kund kan inte vara tom");
			return false;
		}	
		var projectVal = document.forms["create_Innovation_step_1"]["Project"].value;
		if(projectVal == "*Projektnamn")
		{
			alert("Projekt kan inte vara tom");
			return false;
		}
		var valueVal = document.forms["create_Innovation_step_1"]["BusinessValue"].value;
		if(valueVal == "*Ange affärsvärde")
		{
			alert("Affärsvärde kan inte vara tomt");
			return false;
		}
		var contactVal = document.forms["create_Innovation_step_1"]["Contact"].value;
		if(contactVal == "*Kontaktperson")
		{
			alert("Kontaktperson kan inte vara tom");
			return false;
		}
		var ownerRoleVal = document.forms["create_Innovation_step_1"]["OwnerRole"].value;
		if(ownerRoleVal == "*Kontaktpersonens roll")
		{
			alert("Kontaktpersonens roll kan inte vara tom");
			return false;
		}
	};
</script>